*{
	margin: 0 auto;
	padding: 0;
}
.top{
	width: 100%;
}
.top img{
	width: 100%;
}
.main{
	margin-top: -4px;
	width: 100%;
	height: 180px;
	background-image: url(../img/contentBg.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
}
.btn1{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,150%);
	width: 150px;
	height: 38px;
	background-image: url(../img/top_03.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.btn2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,350%);
	width: 150px;
	height: 38px;
	background-image: url(../img/top_06.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.make{
	width: 100%;
	height: 256px;
	background-image: url(../img/bg.jpg);
	background-size: 100%;
	
}
.footer{
	width: 100%;
	padding:15px 0;
	text-align:center;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	height:79px;
}
.footer p{
	color:#fff;
}
@media screen and (max-height:812px){
	.btn1{
		transform: translate(-50%,150%);
	}
	.btn2{
		transform: translate(-50%,350%);
	}
	.make{
		height:256px;
	}
}
@media screen and (max-height:736px){
	.btn1{
		transform: translate(-50%,50%);
	}
	.btn2{
		transform: translate(-50%,200%);
	}
	.make{
		height:152px;
	}
}
@media screen and (max-height:667px){
	.main{
		height:110px;
	}
	.make{
		height:180px;
	}
}
@media screen and (max-height:568px){
	.btn1{
		transform: translate(-50%,-10%);
	}
	.btn2{
		transform: translate(-50%,150%);
	}
	.main{
		height:130px;
	}
	.make{
		height:110px;
	}
	.footer{
		height: 70px;
	}
}